<template>
	<div class="hot_rank_wrapper wrapper">
		<el-row :gutter="24">
			<el-col :span="8"><rank-box rank-title="热门排行"></rank-box></el-col>
			<el-col :span="8"><rank-box rank-title="最新资源"></rank-box></el-col>
			<el-col :span="8"><rank-box rank-title="视频排行"></rank-box></el-col>
			<el-col :span="8"><rank-box rank-title="文档排行"></rank-box></el-col>
			<el-col :span="8"><rank-box rank-title="音频排行"></rank-box></el-col>
			<el-col :span="8"><rank-box rank-title="图片排行"></rank-box></el-col>
		</el-row>
	</div>
</template>

<script>
import rankBox from './item';
export default {
	components: { rankBox }
};
</script>

<style lang="scss" scoped>
.hot_rank_wrapper {
	.el-col {
		margin-bottom: 24px;
	}
}
</style>
